<template>
  <div class="flex justify-between align-center">
    <div class="flex header">
      <tag-item v-for="(item,index) in headerItem" :key="index" :name="item.name" :path="item.to" />
    </div>
    <div class="flex ">

      <theme/>
      <setting/>
    </div>
  </div>
  
</template>

<script setup>
import headerItem from './config.js'
import tagItem from './tag-item.vue'
import theme from './components/theme.vue'
import setting from './components/setting.vue'
</script>

<style scoped>
.header > span{
  margin-left: 30px;
  cursor: pointer;
}
</style>